<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>制作社区网网页</title>
        <style type="text/css">
            #top{
                border-top: 10px solid red;
                height: 80px;
            }
            div.title{float: left;
                padding-left: 0;
                background-color: darkred;
                color: white;
                font-size: 50px;
                width: 300px;
                text-align: center;
            }
            div.more{float: right;
            padding-right: 0;
            margin-top: 10px;
            font-size: 20px;
            color: red;
            }
            .left{
                float: left;
            }
            .right{
                float: right;
                width: 150px;
                margin-right: 200px;
            }
        </style>
    </head>

    <body>
        <div id="top">
            <div class="title">新闻图片</div>
            <div class="more">更多>></div></th>
        </div>    
        <div class="left">
            <img src="夜景.jpg" alt="夜景" title="夜景" width="1080px" height="600px">
        </div>
        <div class="right">
            <img src="交通出行.jpg" width="300px" height="200px" class="left">
            <img src="和谐社区.jpg" width="300px" height="200px" class="left">
            <img src="便民服务.jpg" width="300px" height="200px" class="left">
        </div>
    </body>
</html>